<link rel="stylesheet" href="/cn/css/exerciseNew/read&listenResult.css?v=1.1">
<script type="text/javascript" src="https://file.viplgw.cn/ui/public/lib/vue/vue.js"></script>

<input type="hidden" value="<?php echo $resultid?>" name="resultid" id="resultid">
<input type="hidden" value="<?php echo $content_id?>" name="content_id" id="content_id">

<section id="listenResult" v-cloak>
    <div class="resultCover">
        <p class="resultTitle"><a href="/cn/exercise/listen">听力练习</a> > <a href="/cn/exercise/listen-detail?content_id=<?php echo $content_id?>">剑雅真题</a> > <span>结果</span></p>
        <div class="resultContent">
            <div class="resultDetail">
                <p class="detailTitle">雅思</p>
                <div class="resultInfo">
                    <p>
                        <img src="/cn/images/exerciseNew/23@2x.png" alt="">
                        <span>剑雅真题听力 {{resultData!=''?resultData.test_name:''}}</span>
                    </p>
                    <p>
                        <img src="/cn/images/exerciseNew/24@2x.png" alt="">
                        <span>{{resultData!=''?resultData.userInfo.nickname:''}}</span>
                    </p>
                    <p>
                        <img src="/cn/images/exerciseNew/25@2x.png" alt="">
                        <span>{{resultData!=''?resultData.test_time:''}}</span>
                    </p>
                </div>
                <p class="testTitle">Test Results 测试结果</p>
                <div class="specificScore">
                    <div class="scoreTitle">
                        <p>科目</p>
                        <p>结果</p>
                        <p>正确/题目数量</p>
                        <p>用时</p>
                    </div>
                    <div class="score">
                        <p>听力</p>
                        <p>{{resultData!=''?resultData.score:''}}</p>
                        <p>{{resultData!=''?resultData.right:''}}/{{resultData!=''?resultData.total:''}}</p>
                        <p>{{resultData!=''?resultData.time:''}}min</p>
                    </div>
                </div>
                <div class="resultBtn">
                    <a href="/cn/exercise/listen?category=all"  class="againBtn">返回题目列表页</a>
                    <a href="/cn/exercise/listen-detail?content_id=<?php echo $content_id?>" class="againBtn">Again</a>
                    <a href="javascript:void (0)" class="answerBtn" @click="showAnswer = true">Answer</a>
                </div>
            </div>
            <div class="resultAdvatage">
                <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"> <img src="/cn/images/exerciseNew/22@2x.png" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 答案窗口-->
    <div class="answerFixed" v-cloak v-if="showAnswer">
        <div class="headNav">
            <div class="w12 headContent">
                <div class="headTitle">剑雅真题 {{resultData!=''?resultData.test_name:''}}</div>
                <div class="operateBtn">
                    <a href="javascript:void(0)" class="backBtn"  @click="showAnswer = false">返回</a>
                </div>
            </div>
        </div>
        <div class="properCover">
            <div class="userAnswerCover">
                <p>批改结果：</p>
                <div class="userAnswer">
                    <!-- 正确答案 类名 rightAnswer   错误或者没有答案  errorAnswer-->
                    <span :class="item.result == 0?'errorAnswer':'rightAnswer'" v-for="(item,index) in resultData.list">{{item.questionNumber}}.&nbsp;&nbsp; {{item.answer}}</span>
                </div>
            </div>
            <div class="userAnswerCover">
                <p>正确答案：</p>
                <div class="trueAnswer">
                    <span v-for="(item,index) in resultData.list">{{item.questionNumber}}.&nbsp;&nbsp; {{item.really}}</span>
                </div>
            </div>
        </div>
    </div>
</section>


<script src="/cn/js/exerciseNew/listenResult.js?v=1.1"></script>
